<template>
  <div class="nav">
    <div class="one">
      <van-row>
        <van-col span="6">
          <router-link :to="{path:'/NewsHome', query:{content_type:1}}">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB13gYqUIfpK1RjSZFOXXa6nFXa-45-54.png" alt>
              <p>新闻</p>
            </div>
          </router-link>
        </van-col>
        <van-col span="6">
          <router-link to="/ActivityHome">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1JaLiUQvoK1RjSZFNXXcxMVXa-54-54.png" alt>
              <p>活动</p>
            </div>
          </router-link>
        </van-col>
        <van-col span="6">
          <router-link :to="{path:'/CommunityHome', query:{nameLink:'articleAdd'}}">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1BSu.UMDqK1RjSZSyXXaxEVXa-66-57.png" alt>
              <p>论坛</p>
            </div>
          </router-link>
        </van-col>
        <van-col span="6">
          <router-link :to="{path:'/proposalHome', query:{nameLink:'proposalAdd'}}">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1ofYeUNTpK1RjSZFKXXa2wXXa-51-52.png" alt>
              <p>合理化建议</p>
            </div>
          </router-link>
        </van-col>
      </van-row>
    </div>
    <div class="one two">
      <van-row>
        <van-col span="6">
            <router-link to="/EquityHome">
                <div class="list">
                <img src="https://gw.alicdn.com/tfs/TB1pUDaUHPpK1RjSZFFXXa5PpXa-57-53.png" alt>
                <p>福利</p>
                </div>
            </router-link>
        </van-col>
        <van-col span="6">
          <router-link to="/VoteHome">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1m8reUOrpK1RjSZFhXXXSdXXa-46-51.png" alt>
              <p>投票</p>
            </div>
          </router-link>
        </van-col>
        <van-col span="6">
          <router-link :to="{path:'/StudyHome', query:{content_type:0}}">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1e8fhUSzqK1RjSZFpXXakSXXa-61-51.png" alt>
              <p>学习</p>
            </div>
          </router-link>
        </van-col>
        <van-col span="6">
          <router-link to="/OrganizationHome">
            <div class="list">
              <img src="https://gw.alicdn.com/tfs/TB1jmrgUFzqK1RjSZFoXXbfcXXa-57-46.png" alt>
              <p>工会</p>
            </div>
          </router-link>
        </van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "sqbxNav",
  data() {
    return {};
  },
  methods: {
    link2(){
        this.$toast('敬请期待')
    },
  }
};
</script>

<style lang="scss" scoped>
.nav {
  padding: 13px 10px;

  background: #fff;
  .two {
      padding-top: 20px;
  }

  .list {
    text-align: center;

    img {
      margin: 0 auto;
      height: 27px;
    }

    p {
      padding-top: 10px;
      font-size: 12px;
    }
  }
}
</style>
